<template>
  <div class="jam-cell-group">
    <div class="jam-cell-group_title">
      <slot name="icon"></slot>
      <span>{{ title }}</span>
    </div>
    <slot></slot>
  </div>
</template>

<script>
// 组件的内部源码的入口
export default {
  name: 'jam-cell-group',
  props: {
    title: String,
  },
};
</script>

<style lang="less">
@import '../pub_less/index.less';
.jam-cell-group {
  &_title {
    color: @cell-group-title-color;
    font-size: @cell-group-title-font-size;
    line-height: @cell-group-title-line-height;
    padding-bottom: @padding-xs;
    i {
      color: @blue;
      padding-left: @padding-base;
    }
  }
}
</style>